<!-- v-bind :单向数据绑定 当表达式的结果改变，属性值会相应更新-->
<!-- v-bind:属性名 = "表达式" -->
<template>

<p><input type="text" v-bind:placeholder = "username" ></p>
<!-- 简写：" v-bind: " 可以简写成 " : " -->
<p><input type="password" :placeholder = "password" ></p>

</template>

<script setup>
import { ref } from 'vue';
    const username = ref('请输入用户名')
    const password = ref('请输入密码')
</script>

<style>

</style>